Component({
  /**
   * 组件的属性列表
   */
  properties: {
    name: {
      type: String,
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    noticeName: 'notice',
    styleName: ''
  },


  observers: {
    'name': function (val) {
      if (val === "飞利浦") {
        this.setData({
          styleName: "background-image:var(--gradualSkyBlue);"
        })
      } else if (val === "徒步天下") {
        this.setData({
          styleName: "background-image:var(--gradualYellow);"
        })
      } else if (val === "神州行") {
        this.setData({
          styleName: "background-image:var(--gradualDarkGreen);"
        })
      }else if (val === "阿尔派") {
        this.setData({
          styleName: "background-image:var(--gradualDarkBlue);"
        })
      }

    }
  },

  // 
  /**
   * 组件的方法列表
   */
  methods: {
    //关闭模态窗
    noticeModal(e) {
      console.log(1111)
      this.setData({
        noticeName: 'notice'
      })
    },
    showModal(e){
      this.setData({
        noticeName:''
      })
    }

  }
})